// let $timerBtn = (function () {
//   let $btn = $('<input type = "button" class = "timer-button">'),
//     cfg = {
//       container: 'body',
//       title: '同意',
//       delay: 6,

//     }
//   // dalay = 6,
//   timer = null;

//   $btn.css({
//     height: '50px',
//     width: '150px',
//     'font-size': '1.2em'
//   })

//   function show(config) {
//     $.extend(cfg, config)
//     $(cfg.container).append($btn);
//     $btn.val(cfg.title + '（' + cfg.delay + 's）');
//     $btn.attr('disabled', 'disabled');

//     //start timer timeout buttont enable
//     timer = setInterval(() => {
//       $btn.val(cfg.title + '（' + --cfg.delay + 's）');
//       if (cfg.delay === 0) {
//         clearInterval(timer);
//         $btn.val(cfg.title);
//         $btn.removeAttr('disabled');
//       }
//     }, 1000)
//     //click event
//     $btn.click(() => {
//       alert('点击按钮');
//     })
//   }

//   function destory() {
//     $btn.remove();
//   }
//   return {
//     show, destory
//   }
// })();


function TimerBtn() {
  let $btn = $('<input type = "button" class = "timer-button">'),
    cfg = {
      container: 'body',
      title: '同意',
      delay: 6,
      enabled: false,
      onClick: null

    }
  // dalay = 6,
  timer = null;

  $btn.css({
    height: '50px',
    width: '150px',
    'font-size': '1.2em'
  })

  this.show = function (config) {
    $.extend(cfg, config)
    $(cfg.container).append($btn);
    $btn.val(cfg.title + '（' + cfg.delay + 's）');
    $btn.attr('disabled', 'disabled');

    //start timer timeout buttont enable
    timer = setInterval(() => {
      $btn.val(cfg.title + '（' + --cfg.delay + 's）');
      if (cfg.delay === 0) {
        console.log('???');
        clearInterval(timer);
        $btn.val(cfg.title);
        $btn.removeAttr('disabled');
      }
    }, 1000)
    //click event
    $btn.click(() => {
      alert('点击按钮');
    })
  }

  this.destory = function () {
    $btn.remove();
  }
};
